<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<link rel="stylesheet" type="text/css"
	href="HNUST/../../reception/css/style.css">
<link rel="stylesheet" type="text/css"
	href="HNUST/../../reception/css/index.css">
<script type="text/javascript"
	src="HNUST/../../reception/js/Adaptive.js"></script>




<link rel="stylesheet" href="HNUST/../../reception/css/mui.min.css">
</head>

<body>
	<div class="mui-content">
		<div id="_contain">

			<div class="banner">
				<img src="HNUST/../../reception/images/index/banner.png">
				<div class="logo-dbs">
					<div class="dbs-img">
						<img src="HNUST/../../reception/images/icon/logo.png">
					</div>
					<p>全球低价游，满足你世界梦！</p>
				</div>
			</div>

			<div class="menu">
				<a href="">
					<div class="nav">
						<img src="HNUST/../../reception/images/menu/nav_1.png">
						<p>看攻略</p>
					</div>
				</a> <a href="">
					<div class="nav">
						<img src="HNUST/../../reception/images/menu/nav_2.png">
						<p>抢折扣</p>
					</div>
				</a> <a href="">
					<div class="nav">
						<img src="HNUST/../../reception/images/menu/nav_3.png">
						<p>定酒店</p>
					</div>
				</a> <a href="">
					<div class="nav">
						<img src="HNUST/../../reception/images/menu/nav_4.png">
						<p>找附近</p>
					</div>
				</a>
			</div>

			<div class="name">
				<p>旅游推荐</p>
			</div>

			<div class="contain">
				<div class="ad">
					<img src="HNUST/../../reception/images/index/rcd_1.png">
				</div>
				<div class="ad-left">
					<img src="HNUST/../../reception/images/scenics/scenic_1.png">
				</div>
				<div class="add-right">
					<img src="HNUST/../../reception/images/scenics/scenic_2.png">
				</div>
			</div>

			<div class="name">
				<p>折扣游</p>
			</div>

			<div class="favorable">
				<c:forEach items="${scenic }" var="item" varStatus="status">
					<div class="fb">
						<a href="jqpurshase?scenic_id=${item.scenic_id }">
							<div class="fb-lt">
								<img src="${item.scenic_tp }">
								<p class="fb-name">${item.scenic_name }</p>
								<p class="price">
									<span class="discount">${item.scenic_dq}</span> <span
										class="num"><big>${item.scenic_jg }</big>元起</span>
								</p>
							</div>
						</a>
					</div>
				</c:forEach>



			</div>

			<div class="more">
				<p>
					查看更多<img src="HNUST/../../reception/images/icon/arr-right.png">
				</p>
			</div>
		</div>

		<script type="text/javascript"
			src="HNUST/../../reception/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript">
			$(".more")
					.click(
							function() {
								$(".favorable")
										.append(
												'<div class="fb-lt">'
														+ '<div class="more">'
														+ '<p>'
														+ '查看更多<img src="HNUST/../../reception/images/icon/arr-right.png">'
														+ '</p>' + '</div>');

							})
		</script>
</body>

</html>